<template>
  <h1>setup</h1>
</template>

<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      count: 0
    }
  },
  //setup在创建前执行
  setup(){
    console.log("setup,composition API执行的入口");
    console.log(this);//setup函数在创建前执行，所以在setup中不能调用data、method这些，Vue为了避免错误产生，直接将this置成了undefined
  },
  beforeCreate() {
    console.log("创建前的钩子函数");
  },
  created() {
    console.log("创建后的钩子函数");
  },
  beforeMount() {
    console.log("挂载前的钩子函数");
  },
  mounted() {
    console.log("挂载后的钩子函数");
  }
}
</script>
